<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米账号 - 登录</title>
    <link rel="icon" href="./images/login/favicon_new.ico">
    <script src="./font/iconfont.js"></script>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./sass/login.css">
    <script src="./lib/jquery-1.12.4.min.js"></script>
    <script src="./js/login.js"></script>
</head>

<body>
    <div class="leftImg">
        <div class="banner">
        </div>
    </div>
    <div class="miLayout">
        <!-- 头部 -->
        <div class="header">
            <div class="title">
                <img src="./images/logo-mi2.png" alt="">
                小米账号
            </div>
            <div class="nav">
                <a href="">用户协议</a>
                <a href="">隐私政策</a>
                <a href="">帮助中心</a>
                <div></div>
                <div class="navItem">
                    <div class="language">
                        ‎中文(简体)‎
                        <span></span>
                    </div>
                    <ul class="dropDown">
                        <li>‎‎中文(繁體)‎</li>
                        <li>‎English</li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div class="container">
            <div class="card">
                <div class="switch">
                    <i class="switchIcon">
                        <em class="iconfont icon-erweima"></em>
                    </i>
                    <div class="scan">
                        扫码登录
                    </div>
                </div>
                <div class="conBox">
                    <div class="tabList">
                        <div class="title">
                            <div class="lText">
                                <a href="">登录</a>
                            </div>
                            <div class="rText">
                                <a href="">注册</a>
                            </div>
                        </div>
                        <div class="bar">

                        </div>
                    </div>
                    <!-- 登录 -->
                    <form id="login">
                        <div class="formCon">
                            <div class="email">
                                <input type="text" class="loginUser">
                                <label>邮箱/手机号码/小米ID</label>
                            </div>
                            <div class="msg">
                                请输入帐号
                            </div>
                        </div>
                        <div class="formCon" style="margin-top: 10px;">
                            <div class="email">
                                <input type="password" class="loginPsw">
                                <label>密码</label>
                            </div>
                            <div class="eye">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-yanjing1"></use>
                                </svg>
                            </div>
                            <div class="msg">
                                请输入登陆密码
                            </div>
                        </div>
                        <button>登录</button>
                        <div class="bottomText">
                            <div class="forget">
                                <a href="">忘记密码?</a>
                            </div>
                            <div class="phone">
                                <a href="">手机号登陆</a>
                            </div>
                        </div>
                        <div class="other">
                            <div class="oWay">
                                其他方式登录
                            </div>
                            <div class="icons">
                                <div class="iconList">
                                    <div>
                                        <a href="">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-qq"></use>
                                            </svg>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-weibo"></use>
                                            </svg>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-zhifubao"></use>
                                            </svg>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-weixin"></use>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                    <!-- 注册 -->
                    <form id="register" style="display: none;">
                        <div class="formCon">
                            <div class="email">
                                <input type="text" class="resUser">
                                <label>邮箱/手机号码/小米ID</label>
                            </div>
                            <div class="msg">
                                请输入注册帐号
                            </div>
                        </div>
                        <div class="formCon" style="margin-top: 10px;">
                            <div class="email">
                                <input type="password" class="resPsw">
                                <label>密码</label>
                            </div>
                            <div class="eye">
                                <svg class="icon" aria-hidden="true">
                                    <use xlink:href="#icon-yanjing1"></use>
                                </svg>
                            </div>
                            <div class="msg">
                                请输入注册密码
                            </div>
                        </div>
                        <button>注册</button>
                        <div class="bottomText">
                            <div class="forget">
                                <a href="">收不到验证码?</a>
                            </div>
                        </div>
                        <div class="other">
                            <div class="oWay">
                                其他方式登录
                            </div>
                            <div class="icons">
                                <div class="iconList">
                                    <div>
                                        <a href="">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-qq"></use>
                                            </svg>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-weibo"></use>
                                            </svg>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-zhifubao"></use>
                                            </svg>
                                        </a>
                                    </div>
                                    <div>
                                        <a href="">
                                            <svg class="icon" aria-hidden="true">
                                                <use xlink:href="#icon-weixin"></use>
                                            </svg>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!-- copyright -->
        <div class="copyright">
            小米公司版权所有-京ICP备10046444-
            <a href="">京公网安备11010802020134号</a>
            -京ICP证110507号
        </div>
    </div>
</body>

</html>